<!DOCTYPE html>
<html>

<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
    <meta charset="utf-8" />
    <title>美泰芭比长促培训手册</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link href="../css/swiper.min.css" rel="stylesheet" type="text/css" />
    <link href="../css/animate.min.css" rel="stylesheet" type="text/css" />
    <link href="../css/index.css?v=1.8" rel="stylesheet" type="text/css" />
    <script src="../js/flexible/flexible.js?v=1.8"></script>
</head>

<body class="">
    <div class="loding" id="loding">
        <img src="../img/loding.gif">
        <span class="jindu">0%</span>
        <p class="text">请保持手机横屏观看</p>
    </div>
    <div id="page">
        <div class="swiper-container" id="swiper-container-one">
            <div class="swiper-wrapper">
                <section class="swiper-slide swiper-slide1">
                    <img src="../img/sc_a_b.png" class="ani sc_a_img1" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
                    <img src="../img/sc_a_a.png" class="ani sc_a_img2" swiper-animate-effect="bounceIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">
                    <img src="../img/sc_a_c.png" class="ani sc_a_img3" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0.8s">
                </section>
                <section class="swiper-slide swiper-slide2">
                    <img src="../img/sc_b_a.png" class="ani sc_b_img1" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="0">
                    <div class="ani sc_b_img2" swiper-animate-effect="bounceInDown" swiper-animate-duration="1s" swiper-animate-delay="0.3s">
                        <ul class="items" id="cateList">
                            <li class="swiper-no-swiping"><img src="../img/sc_b_b_1.png"></li>
                            <li class="swiper-no-swiping"><img src="../img/sc_b_b_2.png"></li>
                            <li class="swiper-no-swiping"><img src="../img/sc_b_b_3.png"></li>
                            <li class="swiper-no-swiping"><img src="../img/sc_b_b_4.png"></li>
                            <li class="swiper-no-swiping"><img src="../img/sc_b_b_5.png"></li>
                            <li class="swiper-no-swiping"><img src="../img/sc_b_b_6.png"></li>
                        </ul>
                    </div>
                </section>
                <section class="swiper-slide swiper-slide3">
                    <img src="../img/sc_c_a.png" class="ani sc_c_img1" swiper-animate-effect="" swiper-animate-duration="0s" swiper-animate-delay="0">
                    <img src="../img/sc_c_b.png" class="ani sc_c_img2" swiper-animate-effect="bounceInUp" swiper-animate-duration="1s" swiper-animate-delay="0s">
                </section>
                <section class="swiper-slide swiper-slide4">
                    <img src="../img/sc_d_b.png" class="ani sc_d_img1" swiper-animate-effect="" swiper-animate-duration="0s" swiper-animate-delay="0">
                    <img src="../img/sc_d_a.png" class="ani sc_d_img2" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
                </section>
                <section class="swiper-slide swiper-slide5">
                    <div  class="ani sc_e_img1" swiper-animate-effect="" swiper-animate-duration="0s" swiper-animate-delay="0">
                        <img src="../img/sc_e_a.png">
                        <div class="zdppjs_main">
                            <span data-num="00" class="swiper-no-swiping spic_00"><img src="../img/ppjs_a_00.jpg"></span>
                            <span data-num="01" class="swiper-no-swiping spic_01"><img src="../img/ppjs_a_01.jpg"></span>
                            <span data-num="02" class="swiper-no-swiping spic_02"><img src="../img/ppjs_a_02.jpg"></span>
                            <span data-num="03" class="swiper-no-swiping spic_03"><img src="../img/ppjs_a_03.jpg"></span>
                            <span data-num="04" class="swiper-no-swiping spic_04"><img src="../img/ppjs_a_04.jpg"></span>
                            <span data-num="05" class="swiper-no-swiping spic_05"><img src="../img/ppjs_a_05.jpg"></span>
                            <span data-num="06" class="swiper-no-swiping spic_06"><img src="../img/ppjs_a_06.jpg"></span>
                            <span data-num="07" class="swiper-no-swiping spic_07"><img src="../img/ppjs_a_07.jpg"></span>
                            <span data-num="08" class="swiper-no-swiping spic_08"><img src="../img/ppjs_a_08.jpg"></span>
                            <span data-num="09" class="swiper-no-swiping spic_09"><img src="../img/ppjs_a_09.jpg"></span>
                            <span data-num="10" class="swiper-no-swiping spic_10"></span>
                        </div>
                    </div>
                    <img  src="../img/sc_e_b.png" class="ani sc_e_img2" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
                </section>
                <section class="swiper-slide swiper-slide6">
                    <img src="../img/sc_f_b.png" class="ani sc_f_img1" swiper-animate-effect="" swiper-animate-duration="0s" swiper-animate-delay="0">
                    <img src="../img/sc_f_a.png" class="ani sc_f_img2" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
                </section>
                <section class="swiper-slide swiper-slide7">
                    <img src="../img/sc_g_c.png" class="ani sc_g_img1" swiper-animate-effect="" swiper-animate-duration="0s" swiper-animate-delay="0">
                    <img src="../img/sc_g_a.png" class="ani sc_g_img2" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
                    <img src="../img/sc_g_b.png" class="ani sc_g_img3 swiper-no-swiping" id="imgBtn" swiper-animate-effect="bounceInUp" swiper-animate-duration="1s" swiper-animate-delay="0s">
                </section>
                <section class="swiper-slide swiper-slide6">
                    <img src="../img/sc_h_b.png" class="ani sc_h_img1" swiper-animate-effect="bounceInRight" swiper-animate-duration="1s" swiper-animate-delay="0">
                    <img src="../img/sc_h_a.png" class="ani sc_h_img2" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.8s">
                </section>
            </div>
        </div>
        <div class="swiper-container" id="swiper-container-two">
            <div class="swiper-wrapper">
                <section class="swiper-slide swiper-slide1">
                    <img src="../img/xsjq_01.jpg">
                </section>
                <section class="swiper-slide swiper-slide2">
                    <img src="../img/xsjq_02.jpg">
                </section>
                <section class="swiper-slide swiper-slide3">
                    <img src="../img/xsjq_03.jpg">
                </section>
                <section class="swiper-slide swiper-slide4">
                    <img src="../img/xsjq_04.jpg">
                </section>
                <section class="swiper-slide swiper-slide5">
                    <img src="../img/xsjq_05.jpg">
                </section>
            </div>
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
        </div>

    </div>
    <div class="swiper-container" id="swiper-container-big">
        <div class="swiper-wrapper">
            <section class="swiper-slide swiper-slide1">
                <img src="../img/ppjs_00.jpg" />
                <span class="swiper-no-swiping sBtn"></span>
            </section>
            <section class="swiper-slide swiper-slide2">
                <img src="../img/ppjs_01.jpg" />
                <span class="swiper-no-swiping sBtn"></span>
            </section>
            <section class="swiper-slide swiper-slide3">
                <img src="../img/ppjs_02.jpg" />
                <span class="swiper-no-swiping sBtn"></span>
            </section>
            <section class="swiper-slide swiper-slide4">
                <img src="../img/ppjs_03.jpg" />
                <span class="swiper-no-swiping sBtn"></span>
            </section>
            <section class="swiper-slide swiper-slide5">
                <img src="../img/ppjs_04.jpg" />
                <span class="swiper-no-swiping sBtn"></span>
            </section>
            <section class="swiper-slide swiper-slide6">
                <img src="../img/ppjs_05.jpg" />
                <span class="swiper-no-swiping sBtn"></span>
            </section>
            <section class="swiper-slide swiper-slide7">
                <img src="../img/ppjs_06.jpg" />
                <span class="swiper-no-swiping sBtn"></span>
            </section>
            <section class="swiper-slide swiper-slide8">
                <img src="../img/ppjs_07.jpg" />
                <span class="swiper-no-swiping sBtn"></span>
            </section>
            <section class="swiper-slide swiper-slide9">
                <img src="../img/ppjs_08.jpg" />
                <span class="swiper-no-swiping sBtn"></span>
            </section>
            <section class="swiper-slide swiper-slide10">
                <img src="../img/ppjs_09.jpg" />
                <span class="swiper-no-swiping sBtn"></span>
            </section>
            <section class="swiper-slide swiper-slide11">
                <img src="../img/ppjs_10.jpg" />
                <span class="swiper-no-swiping sBtn"></span>
            </section>
        </div>
    </div>
    <div class="menu-btn" id="menuListBtn">
        <span></span>
        <span></span>
        <span></span>
    </div>
    <input type="hidden" id="pageId" value="babi">
    <script src="../js/jquery-1.9.1.min.js"></script>
    <script src="../js/jquery.imgpreload.min.js"></script>
    <script src="../js/swiper.min.js"></script>
    <script src="../js/swiper.animate.min.js"></script>
    <script src="../js/index.js?v=1.8"></script>
    <script type="text/javascript">
        var winPath = "../";

        $(function() {
            var babiAppFun = new babiApp();
            babiAppFun.lodingFun();
        });
    </script>
</body>

</html>